<script setup>
function keyboardEventHandle(event) {
  // console.log(event);
  console.log(event.target.value)
}
</script>

<template>
  <label for="keyword">
    请输入要搜索的内容
    <!-- input 能够处理输入的事件，但是没有办法处理指定的按键 -->
    <input type="text" name="keyword" id="keyword" v-on:input="keyboardEventHandle($event)">
  </label>

  <br>

  <label for="keyword">
    请输入要搜索的内容
    <!-- keyup/keydown 可以处理键盘按下的事件，并且可以处理相关的按键 -->
    <input type="text" name="keyword" id="keyword" v-on:keydown.enter="keyboardEventHandle($event)">
  </label>
</template>

<style scoped>

</style>